/*come�o do css da pagina*/
*{margin: 0; padding:0;}
body{
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;

}
/*topo*/
.topo{
	width:100%;
	height:139px;
	background:url('../img/bg-topo.png');
}
.logo{
	width:960px;
	margin-left:200px;
}
#logo{
	margin-top:10px;
}
.conteudo{
	width:960px;
	margin-left:200px;
	margin-top:40px;
}
/*Tutorial e Iniciar An�lise*/
.coluna{
	float:left;
	width:262px;
	height: 368px;
	text-align:justify;
}

.coluna p{
	margin-top:20px;
}
#coluna2{
	margin-left:50px;
	margin-right: 100px;
}
.border-radius{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
/*Quem somos?
.quemsomos{
	width:300px;
	height: 390px;
	margin-left:655px;
	border:1px solid #aaa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background:url(../img/bg2.png);
	color:white;
}
.quemsomos img{
	margin-left:-10px;
}
.quemsomos h2{
	margin-bottom:5px;
	margin-left:60px;
}
.quemsomos p{
	width:275px;
	text-align: justify;
	float:left;
	margin-top:-160px;
	margin-left:10px;
}
*/
#postit1{
	margin-left:-80px;
}
#postit2{
	margin-left:180px;
	margin-top:-340px;
}
#postit3{
	margin-left:10px;
	margin-top:-170px;
}
#postit4{
	margin-left:180px;
	margin-top:-180px;
}
#saibamais{
	margin-left:110px;
	margin-top:-15px;
}
#quemsomos{
	width:347px;
	height:370px;
	margin-left:590px;
	border:2px dashed #aaa;
}
/*
#saibamais{
	margin-left:96px;
	margin-top:-13px;
}
*/
/*Rodape*/
.rodape{
	position: absolute;
	top:600px;
	width: 100%;
	height: 67px;
	background: #E3E3E3;
}

.footer{
	position: absolute;
	left:50%;
	margin-left: -500px;
	width: 1000px;
	height: 60px;
}

.rodape p{
	font-size:10px;
	margin-top:25px;
	margin-left:15px;
}

.rodape img{
	float:right;
	margin-top: -40px;
}

.rodapeint{
	position: absolute;
	top:600px;
	width: 100%;
	height: 73px;
	background: #E3E3E3;
	margin-top:500px;
}
.rodapeint p{
	font-size:10px;
	margin-left:30px;
	margin-top:30px
}

.rodapeint img{
	float:right;
}

#bsi img{
	margin-right: 140px;
	margin-top:-20px;
}
#ufrpe img{
	margin-right: -160px;
	margin-top:-30px;
}

/*abas*/

			div#caixa {display: inline-block; width: 960px; height: 600px;margin-left:200px;}
				div#caixa p#abas {display: inline-block; width: 790px; height: 40px; margin: 0 10px 0 10px; padding: 0; overflow: hidden; vertical-align: bottom;}
					div#caixa p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 12px 26px 12px 26px; margin: 0 5px 0 0; background-color: #f0f0f0;}
						div#caixa p#abas a:hover {background-color: #999; color: white;}
						div#caixa p#abas a.selected {background:url(../img/metaltexture.jpg); color: #000;}
				div#caixa ul#conteudos {display: inline-block; width: 960px; height: 900px; margin: 0; padding: 0; border: 1px solid #ccc; background:url(../img/metaltexture.jpg);}
					div#caixa ul#conteudos li {display: inline-block; width: 930px; height: 900px; margin: 10px 20px 10px 20px; padding: 0; overflow: auto;}
#aba1 h2{
	width:950px;
}
#aba1{
	color:#333333;
}
#disp{
	width:303px;
	height:170px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	background-color:#fff;
	/*background:url(../img/mural.png);
	color:white;*/
}
#drcp{
	width:303px;
	height:170px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-top:-175px;
	margin-left:320px;
	background-color:#fff;
}
#estoque{
	width:270px;
	height:170px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-left:640px;
	margin-top:-175px;
	background-color:#fff;
}
#rlp{
	width:303px;
	height:170px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-top:10px;
	background-color:#fff;
}
#investimentos{
	width:303px;
	height:170px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-top:-175px;
	margin-left:320px;
	background-color:#fff;
}
#imobilizado{
	width:270px;
	height:130px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-left:640px;
	margin-top:-175px;
	background-color:#fff;
}
#intangiveis{
	width:270px;
	height: 67px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-top:10px;
	margin-left:640px;
	background-color:#fff;
}
#passivocirc{
	width:435px;
	height: 200px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	background-color:#fff;
}
#passivoncirc{
	width:303px;
	height: 80px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-left:460px;
	margin-top:-205px;
	background-color:#fff;
}
#pltitle{
	margin-top:140px;
}
#pl{
	width:303px;
	height: 50px;
	border:1px solid #aaa;
	padding:2px;
	font-size:12px;
	margin-top:10px;
	background-color:#fff;
}
#title{
	text-align:center;
	border-bottom:1px dashed #aaa;
	margin-bottom:10px;
}
/*Entradas*/
#inputs{
	margin-left:150px;
	margin-top: -17px;
	margin-bottom:5px;
}
#inputslittle{
	margin-left:115px;
	margin-top: -17px;
	margin-bottom:5px;
}
#inputslarge{
	margin-left:280px;
	margin-top:-15px;
	margin-bottom:5px;
}
/*Bot�es*/
.bEnviar{
	padding:10px;
	margin-left:400px;
	font-size:14px;
}
.bReset{
	padding:10px;
	margin-left:470px;
	margin-top:-40px;
	font-size:14px;
}
/*aba4*/
#totalizadores{
	width:450px;
	height:800px;
	/*border:1px solid #aaa;*/
	float:left;
}
#botoes-aba4{
	width:420px;
	height: 800px;
	/*border:1px solid #aaa;*/
	float:left;
	margin-left:30px;
	margin-top:50px;
}

#left{
	width:50%;
	float:left;
	height: 800px;
}
#right{
	width:50%;
	float:left;
	height: 800px;
	margin-left:210px;
	margin-top:-570px;
}
/*totalizadores*/
.box-tot{
	width: 435px;
	height: 180px;
	border:2px solid gray;
	margin-bottom:10px;
	background-color: #E8E8E8;
	font-size:14px;
	padding:5px;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
}

.window{
    display:none;
    width:850px;
    height:400px;
    position:absolute;
    left:0;
    top:0;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
    overflow: auto;
}
 
#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
}
 
.fechar{display:block; text-align:right;}


/*botoes totalizadores*/
.botaoa4 p{
	width:173px;
	text-align: justify;
	font-size:12px;
}
#left{
	width:50%;
	float:left;
	height: 800px;
}
#right{
	width:50%;
	float:left;
	height: 800px;
	margin-left:210px;
	margin-top:-685px;
}
table{
	: middle;
}
thead{
	background-color:#000040;
	color:white;
	text-align:center;
	font-family: "Century Gothic", sans-serif;
}
tbody{
	background-color:#e5e5e5;
	font-family: "Century Gothic", sans-serif;
}
tbody tr td{
	text-align:center;
}
#titlemodal{
	color:#000040;
	font-family: "Century Gothic", sans-serif;
	text-align:center;
}
#tabela{
	text-align:center;
}